<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>Home</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" th:href="@{/blog/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/blog/css/nprogress.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/blog/css/style.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/blog/css/font-awesome.min.css}">
		<link rel="apple-touch-icon-precomposed" th:href="@{/blog/images/icon.png}">
		<link rel="shortcut icon" th:href="@{/blog/images/favicon.ico}">
		<script th:src="@{/blog/js/jquery-2.1.4.min.js}"></script>
		<script th:src="@{/blog/js/nprogress.js}"></script>
		<script th:src="@{/blog/js/jquery.lazyload.min.js}"></script>
	</head>

	<body class="user-select">
		<header class="header">
			<nav class="navbar navbar-default" id="navbar">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
				</div>
				<div class="container">
					<div class="collapse navbar-collapse" id="header-navbar">
						<form class="navbar-form visible-xs" th:action="@{/Search}" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
								<span class="input-group-btn">
								<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
							</span>
							</div>
						</form>
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="blogIndex.html">博客首页</a>
							</li>
							<li>
								<a href="createword.html">我要写作</a>
							</li>
							<li>
								<a href="#">我的信息</a>
							</li>
							<li>
								<a href="#">返回导航页</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content">
					<div id="focusslide" class="carousel slide" data-ride="carousel">
						<ol class="carousel-indicators">
							<li data-target="#focusslide" data-slide-to="0" class="active"></li>
							<li data-target="#focusslide" data-slide-to="1"></li>
						</ol>
						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<a href="#" target="_blank" title="木庄网络博客源码">
									<img src="images//201610181557196870.jpg" alt="木庄网络博客源码" class="img-responsive"></a>
							</div>
							<div class="item">
								<a href="#" target="_blank" title="专业网站建设">
									<img src="images//201610241227558789.jpg" alt="专业网站建设" class="img-responsive"></a>
							</div>
						</div>
						<a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span> </a>
						<a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span> </a>
					</div>
					<article class="excerpt-minic excerpt-minic-index">
						<h2><span class="red">【推荐】</span>
							<a target="_blank" href="#" title="用DTcms做一个独立博客网站（响应式模板）" >用DTcms做一个独立博客网站（响应式模板）</a>
						</h2>
						<p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
					</article>
					<div class="title">
						<h3>最新博客</h3>
						<div class="more">
							<a href="#">按时间排行</a>
							<a href="#">按热度排行</a>
							<a href="#">按评论量排行</a>
						</div>
					</div>
					<article class="excerpt excerpt-4" style="">
						<a class="focus" href="#" target="_blank"><img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;"></a>
						<header>
							<a class="cat" href="#">MZ-NetBlog主题<i></i></a>
							<h2><a href="#" target="_blank" >用DTcms做一个独立博客网站（响应式模板）</a>
								</h2>
						</header>
						<p class="meta">
							<time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
							<span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span>
							<a class="comment" href="##comment" title="评论" target="_blank">
								<i class="glyphicon glyphicon-comment"></i> 4</a>
						</p>
						<p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
					</article>
					<article class="excerpt excerpt-5" style="">
						<a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;"></a>
						<header>
							<a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
							<h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank" >用DTcms做一个独立博客网站（响应式模板）</a>
			</h2>
						</header>
						<p class="meta">
							<time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
							<span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span>
							<a class="comment" href="##comment" title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> 4</a>
						</p>
						<p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
					</article>
					<nav class="pagination" style="display: none;">
						<ul>
							<li class="prev-page"></li>
							<li class="active"><span>1</span></li>
							<li>
								<a href="?page=2">2</a>
							</li>
							<li class="next-page">
								<a href="?page=2">下一页</a>
							</li>
							<li><span>共 2 页</span></li>
						</ul>
					</nav>
				</div>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">统计信息</a>
							</li>
							<li role="presentation">
								<a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系我们</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<h2>博客总数:
			  888篇
		  </h2>
								<h2>网站运行:
		  <span id="sitetime">88天 </span></h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>QQ:382643892748923
			  <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title=""  data-original-title="QQ:"></a>
		  </h2>
								<h2>Email:23423432423
		  <a href="#" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title=""  data-original-title="#"></a></h2>
							</div>
						</div>
					</div>
					<div class="widget widget_search">
						<form class="navbar-form" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
								<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
						</form>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<ul>
						<li>
							<a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a>
						</li>
						<li>
							<a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a>
						</li>
						<li>
							<a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a>
				</li>
					</ul>
				</div>
				<div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow">
						<img style="width: 100%" src="images//201610241224221511.jpg" alt="专业网站建设"></a>
				</div>
				<div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow">
						<img style="width: 100%" src="images/ad.jpg" alt="MZ-NetBlog主题"></a>
				</div>

			</aside>
		</section>
		<footer class="footer">
			<div id="gotop">
				<a class="gotop"></a>
			</div>
		</footer>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.ias.js"></script>
		<script src="js/scripts.js"></script>
	</body>

</html>